<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</head>
	<body>
					<form action="/aa/bb" id="jquey-form-valid1">
				    <div class="form-body">
						<div class="row form-group">
							 <label class="control-label col-md-2">文本框<span>*</span></label>
							 <div class="col-md-4">
								  <input type="text" name="phone" class="form-control" required="true" />
							 </div>
						</div>
						<div class="row form-group">
							 <label class="control-label col-md-2">账号<span>*</span></label>
							 <div class="col-md-4">
								  <input type="text" name="account" class="form-control" required="true" minlength="6" maxlength="10" />
							 </div>
						</div>
						<div class="row form-group">
							 <label class="control-label col-md-2">下拉框<span>* </span></label>
							 <div class="col-md-4">
								<select class="form-control">
									<option value="">option1</option>
									<option value="">option2</option>
									<option value="">option3</option>
									<option value="">option4</option>															
								</select>
							</div>		
						</div>
						<div class="row form-group">
							 <label class="control-label col-md-2">单选<span>*</span></label>
							 <div class="col-md-4">
									<div class="radio-list">
										<label class="radio-inline" style="padding-left:20px;">
												<span class="checked"><input type="radio" name="optionsRadios" value="option1" checked="true" /> Option 1 </span>
										</label>
										<label class="radio-inline">
												<span class=""><input type="radio" name="optionsRadios"  value="option2" /> Option 2</span>
										</label>
									</div>
							</div>
						</div>
						<div class="row form-group">
                             <label class="control-label col-md-2">复选<span>* </span></label>
                             <div class="col-md-9">
                                                        <div class="mt-checkbox-inline">
                                                            <label class="mt-checkbox">
                                                                <input type="checkbox" value="option1"/> Checkbox 1
                                                                <span></span>
                                                            </label>
                                                            <label class="mt-checkbox">
                                                                <input type="checkbox" value="option2"/> Checkbox 2
                                                                <span></span>
                                                            </label>
                                                            <label class="mt-checkbox mt-checkbox-disabled">
                                                                <input type="checkbox" value="option3" disabled="true"/> Disabled
                                                                <span></span>
                                                            </label>
                                                        </div>
                                                    </div>
                         </div>
							<div class="row form-group">
													<label class="control-label col-md-2">文本域<span>* </span></label>
													<div class="col-md-6">
														<textarea class="form-control" rows="3"></textarea>
													</div>
							</div>
							<div class="form-group col-md-7 pull-right">
													  <button type="submit" class="btn green">Submit</button>
														<button type="button" class="btn default">Cancel</button>
							</div>
				</div>
				</form>
				<script type="text/javascript">
				
			 	var options = {rules:{phone:{vd_phone:[]}}};
				$("#jquey-form-valid1").validate(options);
				</script>		
				
	</body>
</html>